<template>
  <div class="about-view">
    <div class="about-detail content">
      <h2 class="main-title">天星文化</h2>
      <div class="detail-context">
        <div class="pro-list-section">
          <div class="pro-cover">
            <b>企业使命</b>
          </div>
          <div class="pro-desc">
            <h4>为优质教育资源的普及不懈努力，为人民群众综合素质的提高不懈奋斗。</h4>
            <p>国家“十三五”时期经济社会发展的主要目标和基本理念之一是国民素质和社会文明程度显著提高。中国梦和社会主义核心价值观更加深入人心，爱国主义、集体主义、社会主义思想广泛弘扬，向上向善、诚信互助的社会风尚更加浓厚，人民思想道德素质、科学文化素质、健康素质明显提高，全社会法治意识不断增强。公共文化服务体系基本建成，文化产业成为国民经济支柱性产业。中华文化影响持续扩大。</p>
            <p>天星教育作为社会的一分子，有责任也有义务为国家的发展规划做出贡献。我们本着对读者负责的态度，通过建设优秀的作者队伍，一流的编审团队，标准规范的项目运作流程，近乎苛刻的质量检查体系来保证我们的优质资源。我们创建了自己“MOOK”教辅品牌。传统的教辅出版一年分夏秋两季，而我们策划的图书有着杂志化的风格，每月一期。在这种出版模式下，我们的反应速度在国内教辅出版领域是最快的。</p>
            <p>天星源于社会、扎根教育，每位天星人都有为教育、为学生、为人民无私奉献的爱心和决心。信任与责任，给予了我们无穷的动力，我们会更加努力，我们会做到最好！</p>
          </div>
        </div>

        <div class="pro-list-section">
          <div class="pro-cover">
            <b>经营理念</b>
          </div>
          <div class="pro-desc">
            <h4>诚信守诺，合作共赢。</h4>
            <p>我们在与代理商、出版社、各省市教委、全国各地的学校及老师的合作中，以诚为本、以信待人。教材帮推出的“啄木鸟”有奖挑错活动在行业内获得一致好评，体现了河南人诚实、自信、豁达、关爱的文化理念。</p>
          </div>
        </div>

        <div class="pro-list-section">
          <div class="pro-cover">
            <b>研发理念</b>
          </div>
          <div class="pro-desc">
            <h4>务实则优，创新则胜。</h4>
            <p>中国正面临着课程改革，教育部以培养学生综合素质为目的的课程设置，国家考试中心以考查学生能力为主的中高考模式给教辅出版带来了极大的困难，很多国营、民营的教辅策划公司纷纷落马，在这种激烈的竞争中，天星公司组建了自己的研究团队，以网络为信息通道，以创新为行动指南，把广大师生最需要的新信息、新材料、新观念等及时融入到我们策划的产品当中，自上而下形成了自己的创新文化。我们的图书不只是片面的强调教育功能，也重视图书的娱乐功能，给读者提供深层次的心灵关怀。因此，植入了这种文化的图书深受读者的喜爱。</p>
          </div>
        </div>

        <div class="pro-list-section">
          <div class="pro-cover">
            <b>营销理念</b>
          </div>
          <div class="pro-desc">
            <h4>服务客户，传递价值。</h4>
            <p>天星公司严把产品质量关，始终对考生负责，每年有近100万的读者通过网络留言、读者来信等方式感谢天星为他们的求学之路带来了福音。我们也深感自己肩头的责任重大。</p>
            <p>天星公司面对的消费者是一个特殊的群体，是未来肩负民族振兴大业的学子，他们需要优良文化的哺育，需要编辑们在创造优良图书的同时给予他们更多成长中的关爱。因此，天星公司在成立的那天起，所有人都把读者放在心目中最重要的位置。我们成立了读者服务部，通过电话、信件了解读者的心声，并有专人负责解答，为一些贫困学生提供免费的图书。我们在所有的图书中设置“读者反馈卡”，负责为学生解难答疑，倾听他们的心声，帮助他们树立正确的价值观和世界观。我们更是以网络为平台，与读者互动交流，让全国各地的名师们通过网络为他们做讲座，并提供心理辅导、学习方法、应试技巧，天星教育为读者提供的服务已经超越了我们这个行业，形成了自己的服务文化。</p>
          </div>
        </div>

        <div class="pro-list-section">
          <div class="pro-cover">
            <b>人才理念</b>
          </div>
          <div class="pro-desc">
            <h4>平等竞争，优胜劣汰， 扬长避短，人尽其才。</h4>
            <p>“以人为本”是天星公司企业文化的核心。公司通过分层设立研究院，三人创新小组等机制鼓励员工创新；采用“老带新”一对一的模式来培养新员工；建立岗位竞聘机制选拔优秀项目管理人才；通过ABC评价考核反馈体系激发员工的主动性和能动性；同时公司设立丰富多样化的学习福利政策来满足员工上进的需求：设立阅览室，鼓励员工主动学习；设立教育津贴，鼓励员工深造学习；每年外派优秀员工到北京大学、清华大学、复旦大学、浙江大学、武汉大学系统学习工商管理和项目管理课程；建立内部讲师团队，强化技能和管理培训；组织员工参加省市文广新局组织的各项学习培训活动等等。天星的未来是天星人创造的，最大限度地发挥我们的创造力，为社会创造更多的精神财富，是每一个天星人不变的追求。</p>
          </div>
        </div>

        <div class="bottom-banner" v-if="!isMobile">
          <img src="../assets/img/about_txwh_bottom.jpg">
        </div>
      </div>
    </div>
  </div>
</template>
<script type="text/ecmascript-6">
  export default {
    computed: {
      isMobile () {
        return this.$store.state.isMobile
      }
    }
  }
</script>
<style lang="less" scoped>
  @import "../assets/css/_mixins-wln.less";

  .about-view{
    .bottom-banner{
      padding-top: 10px;
      img{
        display: block;
        margin:0 auto;
        max-width:100%;
      }
    }
  }

  .about-detail {
    padding-top: 30px;
    padding-bottom: 180px;
    .main-title {
      font-size: 24px;
      line-height: 1.5;
      &:after {
        content: '';
        float: left;
        display: inline-block;
        margin-top: 0.25em;
        border-left: 4px solid @primary;
        margin-right: 0.3em;
        height: 1em;
      }
    }
    .main-info {
      font-size: 14px;
      color: #9fa5ac;
      padding-left: 13px;
      margin-top: 5px;
    }
    .pro-list-section {
      display: flex;
      padding-top: 30px;
      padding-bottom: 15px;
      border-top: 1px solid #eee;
      overflow: hidden;
      .pro-cover {
        flex:0 0 auto;
        padding-right: 10px;
        float: left;
        width: 115px;
        line-height:1.4;
        font-size:18px;
        &:after{
          content:'';
          float: right;
          margin-top:0.7em;
          display: inline-block;
          height:0;
          border-bottom:1px solid #bbb;
          width:30px;
        }
      }
      .pro-desc {
        p {
          font-size: 14px;
          color: @black-color;
          text-indent: 2em;
        }
      }
    }
    .detail-context {
      font-size: 14px;
      line-height: 2;
      margin-top: 30px;
      .main-section {
        margin-top: 10px;
        color: @black-color;
        padding-bottom: 40px;
        text-indent: 2em;
        border-bottom: 1px solid #eee;
      }
      p {
        margin-bottom: 1.1em;
      }
      img {
        max-width: 100%;
      }
    }
  }

  @media screen and (max-width: 767px) {
    .about-detail {
      padding-bottom: 80px;
    }
  }
</style>
